<template>
	<view>
		<!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 -->
		<u-tabbar v-model="current" :list="list" :mid-button="false" icon-size="24px"></u-tabbar>
	</view>
</template>

<script>
	export default {
		name:"tab-bar",
		data() {
			return {
				list: [{
						iconPath: "/static/1-001.png",
						selectedIconPath: "/static/1-002.png",
						text: '首页',
						customIcon: false,
						pagePath: '/pages/index/index'
					},
					{
						iconPath: "/static/2-001.png",
						selectedIconPath: "/static/2-002.png",
						text: '分类',
						customIcon: false,
						pagePath: '/pages/cate/cate'
					},
					// {
					// 	iconPath: "https://cdn.uviewui.com/uview/common/min_button.png",
					// 	selectedIconPath: "https://cdn.uviewui.com/uview/common/min_button_select.png",
					// 	text: '发布',
					// 	midButton: true,
					// 	customIcon: false,
					// },
					{
						iconPath: "/static/3-001.png",
						selectedIconPath: "/static/3-002.png",
						text: '购物车',
						customIcon: false,
						pagePath: '/pages/cart/cart'
					},
					{
						iconPath: "/static/4-001.png",
						selectedIconPath: "/static/4-002.png",
						text: '我的',
						customIcon: false,
						pagePath: '/pages/center/index'
					},
				],
				current: 0
			};
		}
	}
</script>

<style lang="scss" scoped>

</style>